<html>
<head>
    <title>index.php</title>

    <style type="text/css"  >
        .a1{
            margin-left: 400px;
            float: left;
        }
        .a2{
            padding-left: 100px;
            float: left;
        }
        .a3{
            color: black;
            padding-top: 15px;
            float: left;
        }
        .a3:hover{
            color: red;
            padding-top: 13px;
        }
        .a4 {
            margin-left: 100px;
            padding-top: 15px;
            float: left;
        }
        .a5{
            padding-top: 14px;
            float: left;
        }
        .a6{
            margin-left: 300px;
            padding-top: 5px;
            float: left;
        }
        .a7{
            color: black;
             margin-top: -5px;
            float: left;
        }
        .a7:hover{
            color: red;

        }
        .b1{

            font-size: 30px;
            margin-top: -600px;
            margin-left: 1120px;
        }
        .b2{
            margin-left: 1050px;
            margin-top: 20px
        }


    </style>


</head>

<body>

<?php


?>
<form action="index.php" method="post">

    <div class="a1"><img src="top1.png"></div>
    <div class="a2"><img src="top2.png"></div>
    <a href="#"><div class="a3"><em> 周边商城</em></div></a>
    <div class="a4"><input type="text"></div>
    <a href=""><div class="a5"><img src="top3.png" style="height: 23px;"></div></a>
    <div class="a6"><img src="top4.png"></div>
    <a href="#"><div class="a7"><h6>下载客户端</h6></div> </a>
    <div><img  src="denglu.png" style="width: 100%;height: 90%; "></div>
    <div><img src="bk.png" style="margin-top: -600px;margin-left: 900px; "></div>
    <div class="b1"><em>用户登陆</em></div>
    <div class="b2">用户名：<input type="text" name="user"></div>
    <div class="b2">密&nbsp;&nbsp;&nbsp;码：<input type="text" name="user"></div>
    <div><input type="button" value="登陆"style="width: 100px;"></div>



</form>
</body>
</html>
